@charset "utf-8";
/* CSS Document */
.qs111{width: 100%;
		    height: 100%;
		    position: fixed;
		    background-repeat: no-repeat;
		    background-position: 0px 0px;
		    background-size: 100% 100%;
		    font-size: 30px;
            background-image: url(blue.jpg);
		}
.qs_div{width:100%;height:558px;position:relative;overflow:hidden;}
.qs_div .qs_bgSet{position:relative;}
.qs_div .qs_bgSet li{position:absolute;width:100%;height:558px;display:none}
.qs_div .qs_bgSet li img{ width:100%;}
.qs_div .qs_imgSet{position:absolute;width:1200px;left:50%;margin-left:-600px;}
.qs_div .qs_imgSet .qs_1_1{position:absolute;left:-20px;top:147px}
.qs_div .qs_imgSet .qs_1_2{position:absolute;left:680px;top:7px;}
.qs_div .qs_imgSet .qs_2_1{position:absolute;left:-20px;top:127px;}
.qs_div .qs_imgSet .qs_2_2{position:absolute;left:680px;top:67px}
.qs_div .qs_imgSet .qs_3_1{position:absolute;left:-20px;top:131px}
.qs_div .qs_imgSet .qs_3_2{position:absolute;left:600px;top:51px}
.qs_div .qs_imgSet .qs_4_1{position:absolute;left:-20px;top:101px}
.qs_div .qs_imgSet .qs_4_2{position:absolute;left:600px;top:10px}

.qs_div .qs_menuSet{position:absolute; bottom:42px; left:50%; margin-left:-66px;}
.qs_div .qs_menuSet li{ background:#cccccc; width:24px; height:3px; margin-left:10px; margin-right:10px; float:left; cursor:pointer;}
.qs_div .qs_menuSet .select,.qs_div .qs_menuSet li:hover{ background:#e62129;}
.qs_div .qs_prev{position:absolute; top:50%; left:5%; width:49px; height:105px; margin-top:-52px; background:url(../images/1_07.png) center center no-repeat; cursor:pointer; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.qs_div .qs_prev:hover{ background:url(../images/1_07a.png) center center no-repeat; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.qs_div .qs_next{position:absolute; top:50%; right:5%; width:49px; height:105px; margin-top:-52px; background:url(../images/1_08.png) center center no-repeat; cursor:pointer; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.qs_div .qs_next:hover{ background:url(../images/1_08a.png) center center no-repeat; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.banner { display:none;}
.ss a{ display:block; float:left; width:25%; position:relative;}
.ss a .div1 img{ width:100%;} 
.ss a .div2{ position:absolute; bottom:20px; right:5%; font-size:18px; font-weight:bold; height:24px; color:#fff; overflow:hidden; z-index:10;}
.ss a .div2 .span1{ padding-right:48px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ss a .div2 .span2{ position:absolute; width:24px; height:24px; background:url(../images/1_18.png) center center no-repeat; filter:alpha(opacity=100); opacity:1; right:0px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ss a .div2 .span3{ position:absolute; width:102px; height:24px; background:url(../images/1_19.png) center center no-repeat; filter:alpha(opacity=0); opacity:0; right:-102px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ss a .div3{ background:url(../images/8_35.png) repeat; width:100%; height:100%; position:absolute; z-index:7; top:0px; left:0px; filter:alpha(opacity=0); opacity:0; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ss a:hover .div2 .span1{ padding-right:127px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ss a:hover .div2 .span2{ right:-24px; filter:alpha(opacity=0); opacity:0; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ss a:hover .div2 .span3{ right:0px; filter:alpha(opacity=100); opacity:1; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ss a:hover .div3{ filter:alpha(opacity=100); opacity:1; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.banner { display:none;}

@media screen and (max-width: 1600px) and (min-width:1024px) {/* 移动端的尺寸 */
.qs_div .qs_prev{ left:0%;}
.qs_div .qs_next{ right:0%;}
}
@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */	
.qs_div{ display:none;}
.banner { width:100%; height:100%; display:block;}
.banner .flexslider{ position:relative;height:auto;overflow:hidden;}
.banner .slides { position:relative;z-index:1;}
.banner .slides li { height:auto;}
.banner .slides li img{ width:100%; height:auto}
.banner .flex-control-nav { position:absolute; bottom:10px; z-index:99;width:100%; left:0px; text-align:center;} 
.banner .flex-control-nav li { display:inline-block; width:34px; height:5px; margin:0 5px;}
.banner .flex-control-nav li span { display:none;}
.banner .flex-control-nav li a { float:left; width:34px; height:2px; cursor:pointer; background:#ccc;}
.banner .flex-control-nav li a.flex-active { background:#e62129;}
.banner .flex-direction-nav{ display:none;}
}

.pt .title{font-size:34px; color:#000; text-align:center; line-height:1; font-weight:bold; margin-bottom:20px;}
.pt .info{font-size:14px; color:#5a5a5a; margin-bottom:40px; text-align:center;}

.index .pt1{padding: 60px 0; background: url(../images/bglogo.jpg) no-repeat right 60px;overflow:hidden;}
.index .pt1 .sec1_left { width: 43.5%; position: relative; cursor:pointer;}
.index .pt1 .sec1_right { width: 50%; float: right; }
.index .pt1 .sec1_right .sec_tit { font-size:16px; font-family:"微软雅黑"; color:#333; margin-bottom:20px; font-weight:bold }
.index .pt1 .sec1_right .sec_tit i { width: 65px; height: 2px; background: #333; display: block; margin-top:10px; margin-bottom:20px; }
.index .pt1 .sec1_right ._txt { margin-bottom: 35px; line-height: 24px; color:#8F8F8F}
.index .pt1 .sec1_right ._txt p{ text-indent:2em;}
.index .pt1 .sec1_right .More_btn { margin-bottom: 70px; color:#fff;}
.index .pt1 .sec1_right ul{margin-top: 65px;}
.index .pt1 .sec1_right ul li{width: 33.33%;float: left;}
.index .pt1 .sec1_right ul li div{width: 70%;float: right;line-height: 16px;}
.index .pt1 .sec1_right ul li img{display: block;float: left;width:45px;}

.index .pt1 .sec1_right ul li img{  -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.index .pt1 .sec1_right ul li:hover img{ -webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
@media screen and (max-width: 1240px) and (min-width:1024px) {
.index .pt1 .sec1_left img{ width:100%;}
.index .pt1 .sec1_right ._txt { margin-bottom: 15px; }
.index .pt1 .sec1_right ul{margin-top: 35px;}
}
@media screen and (max-width: 1023px) and (min-width:761px) {
.index .pt1 .sec1_left { display:none;}
.index .pt1 .sec1_right { width:100%; float:none; }

}
@media only screen and (max-width: 760px){
.index .pt1{padding:40px 0; background: url(../images/bglogo.jpg) no-repeat left 40px;overflow:hidden;}
.pt .title{font-size:20px; margin-bottom:20px;}
.pt .info{ display:none;}
.index .pt1 .sec1_left { display:none;}
.index .pt1 .sec1_right { width:100%; float:none; }
.index .pt1 .sec1_right .sec_tit { font-size:15px; font-family:"微软雅黑"; color:#333; margin-bottom:20px; font-weight:bold }
.index .pt1 .sec1_right .sec_tit i { width: 65px; height: 2px; background: #333; display: block; margin-top:10px; margin-bottom:20px; }
.index .pt1 .sec1_right ._txt { margin-bottom:15px; }
.index .pt1 .sec1_right ul{margin-top:15px;}
.index .pt1 .sec1_right ul li div{width: 100%;float: none;line-height: 24px; text-align:center;}
.index .pt1 .sec1_right ul li img{display: block;float: none;width:65px; margin:0 auto;}
}
.index .pt2 {width: 100%;margin: 0 auto;margin-bottom:60px;}
.index .pt2 .pt2_box {height: 645px;background: url(../images/pt2_bac.jpg) center center no-repeat;}
.index .pt2 .pt2_neirong {height: 100%;background: rgba(0, 71, 157, 0.5);margin-bottom: 180px;}
.index .pt2 .pt2_neirong .title {color: #fff;text-transform: uppercase;padding-top: 50px;padding-bottom: 5px}
.index .pt2 .pt2_neirong .info {color: #fff;}
#owl-demo .item{margin: 3px;}
#owl-demo .item img{display: block;width: 100%;height: auto;}
@media only screen and (max-width: 1024px) {
.index .pt2 .pt2_box {height: 610px;}
.index .pt2 {width: 100%;margin: 0 auto;margin-bottom:30px;}
}

/*首页新闻*/
.ul_lf li,.ul_js li{ position:relative;}
.pt3{ margin-bottom:50px;}
.pt3 .div2{margin-top:40px;}
.pt3 .div2 ul li{ background:#fff; box-shadow: 0px 0px 40px 10px rgba(0, 0, 0, 0.1); }
.pt3 .div2 ul li .p2{ padding:30px;}
.pt3 .div2 ul li .p2 .pp1{ color:#333; font-size:20px; height:22px; overflow:hidden;}
.pt3 .div2 ul li .p2 .pp2{ color:#999; font-size:16px; margin-top:10px;}
.pt3 .div2 ul li .p2 .pp3{ color:#666; font-size:14px; line-height:24px; height:88px; overflow:hidden; margin-top:15px;}
.pt3 .new_more{ width:14%; margin:50px auto 0; }
@media only screen and (max-width: 1024px) {
.pt3 .new_more{ width:44%; margin:10px auto 0; }
.pt3 .div2{margin-top:20px;}
}
.index_bottom{ width: 100%; padding-top: 70px; padding-bottom:70px; }
.index_bottom .link{ background: url(../images/index_bottom_item.png) no-repeat center; width: 69.66%;}
.index_bottom .link li{ float:left; color: #fff;width: 29.33%; padding-left: 4%; cursor: pointer;  }
.index_bottom .link li a{color:#fff;}
.index_bottom .link li a h4{opacity:0.8;}
.index_bottom .link li a .desc{opacity:0.8;}
.index_bottom .link li a:hover h4{opacity:1;}
.index_bottom .link li a:hover .desc{opacity:1;}
.index_bottom .link li i{ display: inline-block; float: left; margin-right: 15px;  width: 40px; height: 40px; background: url(../images/index_bottom_ico.png) no-repeat 0 0; vertical-align: middle; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.index_bottom .link li:hover i{ -webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.index_bottom .link li .ic2{ background-position: -40px 0;}
.index_bottom .link li .ic3{ background-position: -80px 0;}
.index_bottom .link ul{ padding: 3% 0%; overflow: hidden; }
.index_bottom .t{ font-size: 50px; font-family: 'Impact'; line-height: 1; color: #000; text-transform: uppercase; }
.index_bottom .p{ font-size: 32px; color: #000;}
.index_bottom .link li h4{ font-size: 16px; font-weight: normal; }

@media only screen and (max-width: 1024px) {
.index_bottom .link{background:#004488;}
.index_bottom{ background-size:cover!important; background-attachment:initial!important;}

}
@media only screen and (max-width: 992px) {
.index_bottom .l{width:100%; margin-bottom:30px;}
.index_bottom .link{width:100%;}
.index_bottom .t{font-size:35px;}
.index_bottom .p{font-size:16px;}
.index_bottom{padding:40px 0;}

}
@media only screen and (max-width: 760px) {
.index_bottom .link ul{padding:10% 0 3% 0;}
.index_bottom .link li{width:85%; padding-left:15%; margin-bottom:30px;}

}
@media only screen and (max-width:480px) {
.index_bottom .link ul{padding:10% 0 3% 0;}
.index_bottom .link li{width:96%; padding-left:2%; margin-bottom:30px;}
.index_bottom .t{font-size:20px;}

}